<template>
  <div class="block">
    <div class="flex">
      <div :class="false ? 'func-active' : 'func'" @click="solverTask">
        <img src="../../assets/solver_task.svg" alt="" class="icon" />
        <span class="func-name">求解任务</span>
      </div>
      <div class="fill"></div>
      <div :class="false ? 'func-active' : 'func'" @click="loadStep">
        <img src="../../assets/load_step.svg" alt="" class="icon" />
        <span class="func-name">载荷步</span>
      </div>
      <div class="fill"></div>
      <div :class="false ? 'func-active' : 'func'" @click="solverCard">
        <img src="../../assets/solver_card.svg" alt="" class="icon" />
        <span class="func-name">求解卡片</span>
      </div>
    </div>
    <div class="title">分析求解</div>
  </div>
</template>
<script lang="ts" setup>
import { defineProps } from "vue";
import { useCoreStore } from "@/UI/store";
import { storeToRefs } from "pinia";
import { useRoute } from "vue-router";
const coreStore = useCoreStore();
const route = useRoute();

function solverTask() {
  coreStore.setSolverTaskModelVueActive(true);
}

function loadStep() {
  coreStore.setLoadStepModelVueActive(true);
}

function solverCard() {
  coreStore.setSolverCardModelVueActive(true);
}
</script>
<style lang="less" scoped>
@import "../../styles/xxxTool.less";
</style>
